<!DOCTYPE html> 
<html> 
	<head> 
	<title>NSB</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<script type="text/javascript" charset="utf-8" src="js/phonegap-1.2.0.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/get_name.js"></script>
	
</head> 
<body> 

<div data-role="page" id="index">

	<div data-role="header">
		<h1>Hello <span id="name">s</span></h1>
	</div><!-- /header -->

	<div data-role="content">	
	<div data-role="collapsible" data-theme="c" data-content-theme="d">
   <h3>Android</h3>
   <p>An operating system for mobile devices from Google</p>
	</div>
	<div data-role="collapsible" data-theme="c" data-content-theme="d">
   <h3>PhoneGap</h3>
   <p>PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. </p>
	</div>
	<div data-role="collapsible" data-theme="c" data-content-theme="d">
   <h3>JQuery-Mobile</h3>
   <p>A Touch-Optimized Web Framework for Smartphones & Tablets</p>
	</div>
	</div><!-- /content -->

</div><!-- /page -->
<script type="text/javascript">
	$('#index').live('pageinit', function(){
		var name = get_name();
		$('#name').text(name);
	});
</script>
</body>
</html>
